<template lang="html">
  <div class="panel">
    <h2>{{title}}</h2>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props : {
    title : {
      type : String
    }
  }
}
</script>

<style lang="scss">
.panel {
  border: 1px solid #ccc;
  border-radius: 4px;
  h2 {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    font-weight: 600;
    text-indent: 2em;
  }
}
</style>
